Components › Navigation › Section top bar › Settings page

Settings page

canon

Settings screen: left rail menu with search, section top bar and a 660px content column (Attio pattern).

Lives in apps/web (SettingsLayout). Menu = SETTINGS_NAV, one icon per item, sections ≤660px, no two tab levels (RULES §12).

Used in 1 file · 1 area · 3× — App

apps/web <SettingsLayout>.set-shell .set-rail .set-nav .set-group +6SourceStory
ExamplesCodeUsageAccessibilityChangelog

Import

Not exported from @acrm/ui — <SettingsLayout> lives in the app (apps/web/src/pages/settings/SettingsLayout.tsx). Reuse the CSS classes below, or move the component into the package first.

Props

SettingsLayout

No props extracted (not in props.json).

CSS classes

.set-shell.set-rail.set-nav.set-group.set-grp.set-item.sbody.scol.set-stack.table-wrap

Files

Section top barTitle with entity tileTab stripSection blockSidebar nav item